:root {
    --purple:#fc0067;
    --purpleLight: #ff4290;
}
body { background:#363636; color:#eaeaea; }
.container { position:relative; width:1170px; margin:0 auto; }
.wrapper { position:relative; width:100vw; }
.slick-prev:before, .slick-next:before { font-size:45px; content:"\27A4"; opacity:.65; transition:.4s; }
.slick-prev:after, .slick-next:after { position: absolute; z-index: -1; color: #363636; font-size: 66px; content: "\27A4"; transition: .4s; bottom: 26px; right: 0.2rem; opacity:.6; }
.slick-prev { transform:rotate(180deg); margin-top:-15px; }
.main-banner .slick-prev { right:9rem; bottom:32px; top:unset; left:unset; }
.main-banner .slick-next { right:4rem; bottom:15px; top:unset; left:unset; }
.main-general-list-cont .slick-prev {  }
.main-general-list-cont .slick-next { right:10px;  }

alertwin { position:fixed; z-index:999; width:400px; background:#181818; border-radius:.6rem; top:130vh; left:calc(50% - 150px); overflow:hidden; transition:.4s; }
.alaert-cont { position:relative; width:100%; height:100%; }
alertwin .close { position:absolute; z-index:2; top:.6rem; right:.6rem; display:flex; justify-content:center; align-items:center; width:32px; height:32px; font-size:18px; font-weight:600; color: #ca5e5e; margin:0 .5rem 0 0; background:#444; border-radius:50%; cursor:pointer; }
.alert-body { position:relative; width:100%; padding:4rem 1rem 1rem 1rem; color:#ccc; font-size:100%; text-align:center; }
.alert-open { top:25%; }
.alert-body p { padding:0 0 .6rem 0; }
.bnu-alert-logo { text-align:center; margin:0 0 1rem 0; padding:0; height:36px; }
.bnu-alert-logo img { width:auto; height:100%; }
.bnu-alert-head { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; text-align:center; margin:0 0 1rem 0; padding:0; color:var(--purple); font-size:100%; }
.bnu-alert-head .smile { width:22px; height:22px; font-size:22px; }
.ticket-select-menu-select-sbmt { display:flex; justify-content:center; align-items:center; height:40px; margin:.5rem 1rem 1rem 1rem; border-radius:.6rem; background:var(--purple); color:#fff; cursor:pointer; transition:4s; }
.ticket-select-menu-select-sbmt:hover { background:var(--purpleLight); }
.ticket-select-continue-sbmt { display:flex; justify-content:center; align-items:center; height:40px; margin:0 1rem 1rem 1rem; color:#777; cursor:pointer; transition:.4s; }
.ticket-select-continue-sbmt:hover { color:#aaa; }

header { position:fixed; z-index:100; display:flex; align-items:center; width:100vw; padding:.6rem 1rem; background:rgba(54,54,54,.9);  }
header .logo { max-height:36px; }
header .menu { display:none; transition:.4s; }
nav { display:flex; align-items:center; }
nav a {display:flex; height:100%; margin:0 0 0 2rem; font-size:105%; line-height:22px; font-weight:600; color:#eaeaea; }
nav a:hover { color:var(--purple); }
nav a .material-symbols-outlined { margin:0 .6rem 0 0; color:#fff; font-size:22px; width:22px; height:22px; }
nav .nav-selected { color:var(--purple) !important; }
.main-banner { position:relative !important; width:100vw; max-height:100vh; overflow:hidden; border-bottom:3px solid var(--purple); }
.main-banner-cont { position:relative !important; width:100vw; }
.main-banner-cont img { width:100%; }
.main-banner-info { position:absolute; z-index:6; width:30%; bottom:120px; right:1rem; padding:1.6rem; background:rgba(54,54,54,0.85); border-radius:1rem; }
.main-banner-info h2 { font-size:180%; color:#fff; padding:0 0 .6rem 0; margin:0 0 .6rem 0; font-weight:600; border-bottom:1px solid #888; }
.main-banner-info p { display:flex; align-items:center; width:100%; padding:.5rem 0; border-bottom:1px solid #666; color:#fff; font-size:105%; }
.main-banner-info p .material-symbols-outlined { margin:0 .6rem 0 0; color:#fff; }
.main-banner-info p .buy-ticket-now { display:flex; justify-content:center; align-items:center; width:150px; height:42px; border-radius:.6rem; background:var(--purple); color:#fff; border:2px solid #999; margin:.5rem 0; font-weight:600; }
.main-banner-info p .buy-ticket-now:hover { border:2px solid #fff; }
.main-banner-info p .about-more { display:flex; justify-content:center; align-items:center; width:150px; height:42px; border-radius:.6rem; color:#fff; border:2px solid #999;  margin:.5rem 0; font-weight:600; }
.main-banner-info p .about-more:hover { border:2px solid var(--purple); }
.main-banner-info p:last-child { border:0; justify-content:space-between; }
.main-banner-info .classification { padding:1rem 0; border-bottom:0; }
.main-banner-info .classification span { display:inline-block; width:22px; height:22px; overflow:hidden; margin:0 1rem 0 0; filter:invert(1); }
.main-banner-info .classification span svg { display:block; width:100%; height:100%; }
.main-banner-info .classification span svg image { display:block; width:100%; height:100%; }
.main-campain-banners { width:100vw; max-height:640px; overflow:hidden; }

.main-vision-list { margin:2rem auto; }
.main-vision-list h3 { padding:0; margin:0 0 2rem 70px; font-size:250%; }
.main-general-list-cont { max-height:470px; overflow:hidden; padding:0 40px 0 70px; }
.movie-list-box { position:relative; display:inline-block; width:23vw; background:#181818; border-radius:.6rem; overflow:hidden; margin:0 2.45% 2rem 0; }
.movie-list-box .pre-sale-alert { position:absolute; z-index:8; padding:.4rem 1rem; top:.7rem; left:1rem; border-radius:.6rem; background:var(--purple); color:#fff; }
.movie-list-box picture { display:inline-block; width:100%; height:calc(100vw * 0.21); border-radius:.6rem; overflow:hidden; }
.movie-list-box h4 { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; height:3.5rem; color:#fff; font-size:120%; padding:.3rem .5rem; text-align:center; }
.movie-list-box p { color:#aaa; font-size:90%; padding:.3rem; text-align:center; }
.movie-list-box p:last-child { margin:0 0 .6rem 0; }
.movie-list-box p .material-symbols-outlined { margin:0 .6rem 0 0; color:#fff; }
.movie-list-box .classification { padding:1rem 0; border-bottom:0; }
.movie-list-box .classification span { display:inline-block; width:22px; height:22px; overflow:hidden; margin:0 1rem 0 0; filter:invert(1); }
.movie-list-box .classification span svg { display:block; width:100%; height:100%; }
.movie-list-box .classification span svg image { display:block; width:100%; height:100%; }

.main-general-list-cont .movie-list-box {   margin:0 30px 30px 0; }

.movie-list-box-buttons { position:absolute; z-index:5; width:100%; height:calc(100vw * 0.218); border-radius:.6rem; overflow:hidden; opacity:0; transition:.4s; }
.movie-list-box-buttons a { display:none; justify-content:center; align-items:center; width:80%; height:2.4rem; margin:0 auto .6rem auto; border-radius:.6rem; border:2px solid #bbb; color:#ddd; font-weight:600; font-size:100%; }
.movie-list-box-buttons a:first-child { margin-top:80%; }
.movie-list-box-buttons a:hover { border:2px solid #fff; color:#fff; }
.movie-list-box-buttons:hover { background: rgba(85, 0, 35, 0.40); opacity:1; }
.movie-list-box-buttons .buy { background:var(--purple); }
.movie-list-box-buttons:hover a { display:flex; }

.movie-nonslide-list { margin:2rem; }
.movie-nonslide-list .movie-list-box { float:left; }
.movie-nonslide-list .movie-list-box picture { height:calc(100vw * 0.29); }
.movie-nonslide-list .movie-list-box-buttons { height:calc(100vw * 0.298); }

/* MOVIE DETAIL */
.movie-detail-bg { position:absolute; z-index:-1; width:100%; height:80vh; overflow:hidden; filter:blur(12px); opacity:.5; }
.movie-detail-bg picture { position:absolute; width:100%; margin-top:-50vh; }
.movie-detail-banner { position:relative; display:flex; align-items:center; z-index:6; width:100%; height:90vh; padding:3rem 0 0 0; overflow:hidden; background:linear-gradient(0deg, rgba(54,54,54,1) 0%, rgba(54,54,54,0.5158438375350141) 54%); }
.movie-detail-poster { width:300px; height:430px; margin:0 0 0 100px; border-radius:.6rem; overflow:hidden; }
.movie-detail-poster picture { width:100%; height:auto;  }
.movie-detail-info { position:relative; flex:1; height:430px; margin:0 100px 0 50px; overflow:hidden; }
.movie-detail-info h1 { padding:0; margin:0 0 .7rem 0; font-size:240%; color:#fff; text-align:left; }
.movie-detail-info h2 { padding:0; margin:0 0 1.5rem 0; font-size:120%; color:#fff; text-align:left; font-weight:400; }
.movie-detail-info .classification { padding:1rem 0; border-bottom:0; }
.movie-detail-info .classification span { display:inline-block; width:28px; height:28px; overflow:hidden; margin:0 1.5rem 0 0; filter:invert(1); }
.movie-detail-info .classification span svg { display:block; width:100%; height:100%; }
.movie-detail-info .classification span svg image { display:block; width:100%; height:100%; }
.movie-detail-info-table { width:100%; margin:1.5rem 0; }
.movie-detail-info-table-line { display:flex; align-items:center; width:100%; margin:.6rem 0; }
.movie-detail-info-table-line strong { display:flex; width:80px; }
.movie-detail-info-table-line span { flex:1; margin:0 0 0 .5rem; }
.movie-detail-info-table-line p { width:100%; padding:0 0 .5rem 0; margin:0; font-size:90%; line-height:110%; }
.movie-detail-info .buy { position:absolute; z-index:10; top:250px; right:10px; display:flex; justify-content:center; align-items:center; width:200px; height:2.4rem;  background:var(--purple); border-radius:.6rem; border:2px solid #bbb; color:#ddd; font-weight:600; font-size:100%; }
.movie-detail-info .buy:hover { border:2px solid #fff; color:#fff; }

/* MOVIES */
.movies-list { margin-top:5rem; }

/* CINEMAS */
.cinemas-head { margin:5rem 0 0 2rem; text-align:left; }
.cinemas-head span { color:var(--purple); }
.cinemas-list { display:flex; flex-wrap:wrap; margin:2rem 0; }
.cinemas-list-box { display:flex; justify-content:space-between; width:calc(33% - 3rem); padding:1rem; margin:0 0 2rem 2rem; background:#262626; border:2px solid #444; border-radius:.6rem; }
.cinemas-list-box:hover { border:2px solid var(--purple); }
.cinema-image { display:flex; align-items:center; width:90px; padding:5px; background:#000; }
.cinema-image img { width:100%; }
.cinema-info { flex:1; margin:0 0 0 .7rem; }
.cinema-info h2, .cinema-info h3 { padding:0; margin:0 0 .7rem 0; color:var(--purple); font-size:120%; }
.cinema-info-line { display:flex; justify-content:flex-start; align-items:center; width:100%; margin:.6rem 0; }
.cinema-info-line strong { display:flex; width:60px; color:#bbb; }
.cinema-info-line span { flex:1; margin:0 0 0 .5rem; color:#bbb; }

/* BUY */
.ticket-sale-head { padding:0; margin:4rem 0 0 1rem; font-size:180%; color:#fff; text-align:left; }
.buy-cont { display:block; margin:1.5rem 1rem 3rem 1rem; }
.buy-cont-stab { display:flex; width:100%; }
.buy-cont section { position:relative; width:32%; height:80vh; overflow-x:hidden; overflow-y:auto; margin:0 0 0 1%; padding:0 0 1.5rem 0; border-radius:.6rem; border:2px solid #444; background:#262626; }
.buy-cont section h2 { position:sticky; z-index:2; display:flex; align-items:center; width:100%; height:36px; top:0; background:var(--purple); color:#fff; font-size:130%; font-weight:600; padding:0; margin:0; }
.buy-cont section h2 span { margin:0 1rem 0 1rem; color:#fff; font-size:26px; width:26px; height:26px; }
.movie-buy-list-box { position:relative; display:flex; width:100%; background:#181818; overflow:hidden; margin:1.5rem 0 0 0; padding:0 1rem; cursor:pointer; transition:.4s; }
.movie-buy-list-box:hover { background: #230111; }
.movie-buy-list-box picture { display:inline-block; width:120px; height:150px; border-radius:.6rem; overflow:hidden; margin:auto;  }
.movie-buy-list-info { flex:1; margin:0 0 0 1rem; }
.movie-buy-list-info h4 { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; height:3.5rem; color:#fff; font-size:120%; padding:.3rem .5rem; text-align:center; }
.movie-buy-list-info p { color:#aaa; font-size:90%; padding:.3rem; text-align:center; }
.movie-buy-list-info p:last-child { margin:0 0 .6rem 0; }
.movie-buy-list-info p .material-symbols-outlined { margin:0 .6rem 0 0; color:#fff; }
.movie-buy-list-info .classification { padding:1rem 0; border-bottom:0; }
.movie-buy-list-info .classification span { display:inline-block; width:22px; height:22px; overflow:hidden; margin:0 1rem 0 0; filter:invert(1); }
.movie-buy-list-info .classification span svg { display:block; width:100%; height:100%; }
.movie-buy-list-info .classification span svg image { display:block; width:100%; height:100%; }
.movie-buy-list-box-selected { background: #610228 !important; }
.cinemas-buy-list-box { position:relative; display:flex; width:100%; background:#181818; overflow:hidden; margin:1.5rem 0 0 0; padding:.5rem 1rem; cursor:pointer; transition:.4s; }
.cinemas-buy-list-box:hover { background: #230111; }
.cinemas-buy-list-box-selected { background:#610228 !important; }
.seans-dates { position:sticky; z-index:2; display:block; width:100%; background:#222; overflow-y:hidden; overflow-x:auto; padding:.5rem; top:36px; }
.seans-dates::-webkit-scrollbar { display:block; height:7px; width:5px; }
.seans-dates::-webkit-scrollbar-track { background-color:transparent; }
.seans-dates::-webkit-scrollbar-thumb { background: #444; }
.seans-dates::-webkit-scrollbar-thumb:hover {}
.seans-dates-stab { display:flex; width:max-content; }
.seans-dates-box { display:block; float:left; width:115px; margin:0 .5rem 0 0; padding:.5rem; border-radius:.6rem; background:#444; cursor:pointer; transition:.4s; }
.seans-dates-box:hover { background:#555; }
.seans-dates-box-selected { background:#610228 !important; }
.seans-dates-date { display:flex; align-items:center; width:100%; font-size:100%; color:#bbb; font-weight:600; padding:0 0 .6rem 0; }
.seans-dates-date strong { font-size:150%; color:#fff; margin:0 .4rem 0 0; }
.seans-dates-day { display:flex; font-size:90%; }
.seans-buy-list-box { position:relative; width:100%; background:#181818; overflow:hidden; margin:1.5rem 0 0 0; padding:0 1rem; cursor:pointer; transition:.4s; }
.seans-saloon { display:block; font-size:110%; color:var(--purple); margin:.4rem 0 .4rem 0; }
.seanses { display:flex; flex-wrap:wrap; }
.seans { display:flex; justify-content:center; align-items:center; width:45%; padding:.6rem; margin:0 auto 1.5rem auto; border-radius:.6rem; background:#363636; color:#bbb; font-size:95%; transition:.4s; cursor:pointer; }
.seans:hover { color:var(--purple); }
.seans-selected { background:#530122 !important; color:#fff !important; }
.step-nav { display:none; }
.select-seat-step { display:none; position:absolute; z-index:2; justify-content:flex-end; align-items:center; width:100%; height:40px; bottom:0; padding:0 1rem; background:#222; color:var(--purple); font-size:110%; font-weight:600; cursor:pointer; transition:.4s; }
.select-seat-step:hover { background:#181818; }

/* SELECT SEAT */
.seat-select-cont { margin:0 2rem 0 2rem; padding:2rem 0 0 0; max-height:69vh; background:#262626; border-radius:.6rem; overflow:auto; }
.seat-select-cont::-webkit-scrollbar { display:block; height:5px; width:5px; }
.seat-select-cont::-webkit-scrollbar-track { background-color:transparent; }
.seat-select-cont::-webkit-scrollbar-thumb { background: #444; }
.seat-select-cont::-webkit-scrollbar-thumb:hover {}
.saloon-plan-cont { width:max-content; margin:0 auto; }
.saloon-line { width:max-content; height:32px; margin:1rem 0 0 0; white-space:nowrap;  }
.sit { display:flex; justify-content:center; align-items:flex-start; float:left; width:32px; height:100%; margin:0 .2rem; padding:.2rem 0 0 0; font-size:70%; color:#999; font-weight:600; cursor:pointer; transition:.4s; }
.single { background:url(_img/empty_single.png) no-repeat center center / auto 100%; }
.double { background:url(_img/empty_double.png) no-repeat center center / auto 100%; width:calc(80px + 0.2rem); }
.sitHead { align-items:center; font-size:100%; }
.sit-information { display:flex; justify-content:flex-end; width:calc(100% - 4rem); margin:1rem 2rem .5rem 2rem; }
.sit-info { display:flex; justify-content:flex-start; align-items:center; padding:0 0 0 30px; margin:0 1.5rem 0 0; height:26px; font-size:90%; color:#aaa; font-weight:600; }
.sit-information .empty { background:url(_img/empty_single.png) no-repeat left center / auto 90%;  }
.sit-information .sale { background:url(_img/sale_single.png) no-repeat left center / auto 90% !important;  }
.sit-information .rezerv { background:url(_img/rezerv_single.png) no-repeat left center / auto 90%;  }
.sit-information .busy { background:url(_img/block_single.png) no-repeat center left / auto 90% !important;  }
.sit-information .disable { background:url(_img/disable_single.png) no-repeat left center / auto 90%;  }
.screen { display:flex; justify-content:center; align-items:flex-end; width:100%; height:60px; padding:0 0 .1rem 0; margin:1.5rem 0 0 0; background:url(_img/screen.png) no-repeat center center / 100% 100%; letter-spacing:2rem; font-size:120%; color:var(--purple); font-weight:600; }
.sale { background:url(_img/sale_single.png) no-repeat center center / auto 100% !important; }
.sale-double { background:url(_img/sale_double.png) no-repeat center center / auto 100% !important; }
.busy { background:url(_img/block_single.png) no-repeat center center / auto 100% !important; }
.busy-double { background:url(_img/block_double.png) no-repeat center center / auto 100% !important; }
.select-seans-next-cont { margin:.5rem 2rem 3rem 2rem; }
.select-seans-next { display:flex; justify-content:center; align-items:center; width:250px; height:40px; margin:0 0 0 auto; padding:0 1rem; background:#222; color:#888; font-size:110%; font-weight:600; cursor:pointer; transition:.4s; }
.select-seans-next:hover { background:#181818; }
.select-seans-next-alowed { color:var(--purple) !important;  }

/* TICKET SELECT */
.ticket-select-cont { margin:0 2rem 0 2rem; padding:2rem 0 0 0; }
.ticket-price-total-cont { display:flex; justify-content:space-between; align-items:center; padding:.6rem 1rem; }
.ticket-price-total-cont-bottom { justify-content:flex-end; }
.ticket-student-warn { font-size:90%; color:#ccc; }
.ticket-price-total-stab { display:flex; align-items:center; font-size:150%; font-weight:600; color:#ddd; }
.ticket-price-total-stab strong { display:inline-block; margin:0 .5rem 0 0; color:#aaa; }
.ticket-select-list { width:100%; }
.timer { display:inline-block; padding:.3rem 1rem; margin:0 0 0 .6rem; font-weight:600; background:#444; border-radius:.6rem; }
.payment-form .timer { font-size:88%; }
.ticket-line { display:flex; align-items:center; padding:0 .6rem 0 1rem; margin:0 0 1rem 0; height:56px; background:#282828; border-radius:.6rem; }
.ticket-line .material-symbols-outlined { display:flex; justify-content:center; align-items:center; width:32px; height:32px; font-size:18px; font-weight:600; color:#ccc; margin:0 .5rem 0 0; background:#444; border-radius:50%; }
.ticket-name { font-size:120%; color:#ddd; font-weight:600; margin:0 .5rem 0 0; }
.ticket-price { font-size:120%; color:#ddd; font-weight:600; margin:0 1rem 0 auto; }
.numarilizer { display:flex; align-items:center; }
.numarilizer span { display:flex; justify-content:center; align-items:center;  width:26px; height:34px; font-size:120%; font-weight:600; color:#fff; background:#444; }
.numarilizer .minus {  border-radius:.6rem 0 0 .6rem; cursor:pointer; }
.numarilizer .number { width:36px; background:#363636; margin:0 2px; color:var(--purple); cursor:default; }
.numarilizer .plus { border-radius:0 .6rem .6rem 0; cursor:pointer; }
.ticket-menu-head { display:flex; align-items:center; padding:1rem 0 .5rem 0; margin:0; font-size:120%; }
.ticket-menu-head .material-symbols-outlined { display:flex; justify-content:center; align-items:center; width:36px; height:36px; font-size:24px; font-weight:600; color:var(--purple); margin:0 .5rem 0 0; background:#444; border-radius:50%; }
.ticket-menu-list { max-height:465px; overflow:hidden; padding:2rem 80px 2rem 80px; background:#202020; border-radius:.6rem; }
.ticket-menu-box { position:relative; background:#282828; border-radius:.6rem; margin:0 3rem 0 0; overflow:hidden; }
.ticket-menu-box figure { position:relative; display:block; width:100%; margin:0 0 1rem 0; text-align:right; }
.ticket-menu-box figure img { width:100%; height:auto; }
.ticket-menu-name { text-align:center; color:var(--purple); font-size:120%; font-weight:600; padding:.3rem 0 .3rem 0; }
.ticket-menu-price { text-align:center; font-size:110%; font-weight:600; padding:0 0 .3rem 0; }
.ticket-menu-price span { display:inline-block; font-size:110%; font-weight:600; padding:0 .6rem .3rem 0; color:#888; text-decoration:line-through; }
.ticket-menu-explain { padding:0 .6rem .6rem .6rem; max-height:50px; min-height:50px; overflow-x:hidden; overflow-y:auto; }
.ticket-menu-explain::-webkit-scrollbar { display:block; height:5px; width:2px; background:var(--purple); }
.ticket-menu-explain::-webkit-scrollbar-track { background-color:transparent; }
.ticket-menu-explain::-webkit-scrollbar-thumb { background: #444; }
.ticket-menu-explain p { padding:0 0 .3rem 0; color:#aaa; font-size:90%; text-align:center;}
.ticket-menu-box .numarilizer { width:calc(100% - 1.2rem); margin:.6rem auto .6rem auto; }
.numarilizer .number { flex:1; }
.select-ticket-next-cont { margin:.5rem 0 3rem 2rem; }
.select-ticket-next { display:flex; justify-content:center; align-items:center; width:250px; height:40px; margin:0 0 0 auto; padding:0 1rem; background:#222; border-radius:.6rem; color:#888; font-size:110%; font-weight:600; cursor:pointer; transition:.4s; }
.select-ticket-next:hover { background:#181818; }
.select-ticket-next-alowed { color:var(--purple) !important;  }

/* PAYMENT */
.payment-brief-cont { display:flex; justify-content:flex-start; width:max-content; padding:2rem; margin:0 auto; }
.payment-brief-image { width:200px; border-radius:.6rem; overflow:hidden; margin:0 2rem 0 0; }
.payment-brief-image picture { width:100%; height:auto;  }
.payment-brief-info { display:block; width:300px; }
.payment-brief-info-line { display:flex; align-items:center; flex-wrap:wrap; width:100%; padding:.4rem; font-size:100%; border-bottom:1px solid #444; }
.payment-brief-info-line span { width:80px; font-weight:600; color:#ddd; }
.payment-brief-info-line section { flex:1; line-height:130%; }
.payment-brief-info-line strong { font-size:120%; font-weight:600; }
.ticket-price-total-cont-brief { width:100%; margin:0 auto; padding-left:0; }
.payment-form { width:calc(310px + 2rem); margin:0 0 0 2rem; padding:0 0 0 2rem; border-left:1px solid #444; }
.payment-form img { width:100%; margin:.6rem 0; }
#payment-form { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; }
#payment-form input { width:100%; height:34px; margin:0 0 .6rem 0; padding:0 .5rem; background:#282828; border:1px solid #282828; border-radius:.6rem;  color:#ddd; transition:.4s; }
#payment-form input:focus { border:1px solid var(--purple); }
#payment-form input[type=checkbox] { display:inline-block; width:14px; height:14px; margin:0 .5rem 0 0; }
#payment-form input[type=button] { border:0; background:var(--purple); color:#fff; font-weight:600; transition:.4s; cursor:pointer; }
#payment-form input[type=button]:hover { background:var(--purpleLight); }
#payment-form label { flex:1; font-size:90%; line-height:130%; margin:0 0 0 .5rem;  }
#payment-form label a { display:inline-block; color:#ddd !important; text-decoration:underline; }
#ccd, #ccv { display:inline-block !important; width:48% !important; }
#ccv { margin-left:4% !important; }
.payment-form-line { display:flex; align-items:center; padding:0 0 .6rem 0; }
#payment-form input[type="checkbox"]{ -webkit-appearance: none; appearance: none; background-color: #282828 font: inherit; color: currentColor; width: 1rem; height: 1.25rem; border:3px solid #282828; border-radius: 0.20em; transform: translateY(-0.075em); margin: 0; display: grid; place-content: center; overflow:hidden; }
#payment-form input[type="checkbox"]::before { display:flex; align-items:center; justify-content:center; content: "\2714"; color:var(--purple) !important; font-size:1.3rem; width: 1rem; height: 1.2rem; transform: scale(0); transition: 120ms transform ease-in-out; }
#payment-form input[type="checkbox"]:checked::before { transform: scale(1); }
#payment-form h6 { display:none; }
.payment-success { margin:8rem 0 1rem 0; text-align:center; }
.payment-success .material-symbols-outlined { display:inline-block; width:160px; height:160px; font-size:160px; color:#3c772d; margin:0 auto; }
.payment-sucess-head { max-width:360px; margin:1rem auto; padding:0; text-align:center; font-size:140%; color:#3c772d; font-weight:600; }
.payment-detail-orderid { max-width:360px; margin:0 auto; padding:0; text-align:center; line-height:140%; font-size:110%; color:#fff; font-weight:600; }
.payment-detail-orderid strong { color:var(--purple); font-size:140%; }
.payment-detail-info { max-width:360px; margin:1rem auto 4rem auto; padding:0; text-align:center; font-size:100%; }
.nestpay-info-cont { display:flex; justify-content:space-between; width:600px; margin:2rem; float:left; }
.nestpay-form-cont { width:400px; margin:2rem; float:right; }
.nestpay-info-cont picture { width:200px; height:auto; margin:0 2rem 0 0; }
.nestpay-info-cont img { width:100%; height:auto; }
.nestpay-info-stab { flex:1; }
.nestpay-info-line { width:calc(100% - 4rem); padding:0 2rem; }
.nestpay-info-line strong { display:block; width:100%; margin:1.2rem 0 .5rem 0; }


/* STATIC */
.static-cont { margin:5rem 2rem 3rem 2rem; }
.static-cont h1 { padding:0; margin:0 0 1rem 0; font-size:150%; color:#fff; text-align:left; }
.static-cont h2 { padding:0; margin:0 0 1rem 0; font-size:100%; color:#fff; text-align:left; }
.static-cont p { padding:0; margin:0 0 .7rem 0; font-size:90%; color:#ccc; text-align:left; }


/* FOOTER */
footer { position:relative; width:100%; margin:3rem 0 0 0; }
.socials-line { display:flex; justify-content:center; align-items:center; width:100%; height:50px; background:#262626; }
.socials-line a { display:inline-block; width:36px; height:36px; margin:0 2rem 0 0; background:#f00; }
.socials-line a:last-child { margin:0; }
.footer-links { position:relative; display:flex; justify-content:space-between; width:100%; margin:3rem 0; }
.footer-links section { flex:1; margin:0 2rem; padding:0 2rem; border-right:1px solid #444; }
.footer-links section:nth-child(4) { border:0; }
.footer-links h6 { padding:0; margin:0 0 1rem 0; color:#fff; font-weight:600; font-size:90%;  }
.footer-links-list { width:100%; margin:0 0 2rem 0; padding-bottom: 5rem; }
.footer-links-list a { display:flex; align-items:center; width:100%; height:26px; font-size:85%; color:#aaa; }
.footer-links-list a:hover { color:#fff; }
.bottom-line {  display:flex; align-items:center; width:100%; height:50px; border-top:1px solid #444; }
.bottom-line img { height:50%; margin:0 .2rem 0 1rem; }
.copyright { font-size:85%; color:#aaa; margin:0 1rem 0 0; }
.bottom-line-right { display:flex; justify-content:flex-end; align-items:center; flex:1; padding:0 1rem 0 1rem; }
.bottom-line-right a { display:inline-block; font-size:85%; color:#aaa; margin:0 1rem 0 0; }
.bottom-line-right a:hover { color:#fff; }
.secure { position:absolute; right:2rem; bottom:40px; }
.cinegold { position:absolute; z-index:2; display:inline-block; height:44px; bottom:130px; left:3rem;  }
.cinegold img { width:auto; height:100%; }

/* SHOW TICKET */
.ticket-show-cont { margin:5rem 2rem 3rem 2rem; padding:0; text-align:center; }
.ticket-show-error { text-align:center; }
.ticket-show-cont input { display:block; width:360px; max-width:300px; height:2.5rem; padding:0 .6rem; margin:0 auto 1rem auto; border-radius:.6rem; border:0; background:#282828; color:#ccc;  }
.ticket-show-cont input[type=button] { background:var(--purple); color:#fff; border:none; }
showTicket { display:block; max-width:360px; padding:0.7rem 1.5rem; margin:70px auto; background:#262626; }
showTicket logo { display:block; width:50%; height:3em; margin:1em auto; }
showTicket logo img { width:100%; }
showTicket h1 { display:block; margin:0.5em 0 0 0; padding:0; text-align:center; font-size:110%; font-weight:600; }
showTicket h2 { display:block; margin:-0.5em 0 0 0; padding:0 0 0.5em 0; text-align:center; font-size:100%; font-weight:600; border-bottom:1px solid #444; }
showTicket printLine { display:flex; justify-content:center; align-items:center; margin:0.5em 0 0 0; font-size:88%; }
showTicket printLine span { display:inline-block; width:120px; font-weight:400; text-align:left;  }
showTicket printLine strong { display:inline-block; flex:1; font-weight:600; text-align:left; margin:0 0 0 5px;}
showTicket seperator {  display:block; width:100%; height:1px; border-bottom:2px solid #444; margin:1em 0; }
showTicket box { display:flex; justify-content:center; align-items:center; width:150px; height:150px; border:2px solid #444; margin:1em auto; }
showTicket .barcode { display:block; width:100%; height:100%; padding:-1.5rem auto; }
showTicket biletinbu { display:block; text-align:center; width:100%; height:1.8em; }
showTicket biletinbu img { width: auto; height:100%; }
showTicket productLine { display:flex; justify-content:flex-start; align-items:center; margin:0.5em 0 0 0; font-size:88% }
showTicket productLine span { margin:0 5px; }
showTicket p { display:block;text-align:center; margin:0.5em 0 2em 0; font-size:75%; }



@media only screen and (min-width: 1600px) {
    .container { width:1724px; }
    .main-general-list-cont { max-height:610px; }
    .ticket-menu-list { max-height:545px; }
    .ticket-menu-box { margin:0 5rem 0 0; }
}

    /* MOBILE */
@media only screen and (max-width: 720px) {
    .container { width:90%; margin:0 auto; }

    .slick-prev:before, .slick-next:before { font-size:24px; }
    .slick-prev:after, .slick-next:after { font-size: 30px; bottom: 26px; right: 0.2rem; }
    .slick-prev:before, .slick-prev:after, { margin-bottom:1rem; }

    header { width:100vw; height:3rem; padding:0 1rem; background: rgba(54,54,54,0.95); }
    header .logo { height:36px; }
    header .menu { display:block; font-size:30px; width:30px; height:30px; margin:0 0 0 auto; }
    nav { position:fixed; z-index:99; display:flex; flex-direction:column; align-items:flex-start; width:100vw; height:calc(100% - 3rem); top:3rem; left:105vw; background: rgba(54,54,54,0.98); margin:0; padding:0; transition:.4s;  }
    nav a {display:flex; align-items:center; width:100%; height:3rem; margin:0 .3rem; padding:1rem; font-size:120%; border-bottom:1px solid #555; }
    nav a:hover { color:var(--purple); }
    nav a:first-child { border-top:1px solid #555; }
    nav .nav-selected { color:var(--purple) !important; }
    .navOpened { left:0; }

    alertwin { width:90%; left:5%; }
    .alert-open { top:15vh; }


    .main-banner { height:calc(100% - 4rem); margin-top:3rem; }
    .main-banner-cont { width:100vw; height:100%; }
    .main-banner-cont img { width:100%; height:100%; }

    .main-banner-info { width:90%; bottom:4rem; right:5%; }
    .main-banner-info h2 { font-size:150% }
    .main-banner-info p .buy-ticket-now { width:45%; }
    .main-banner-info p .about-more { width:45%; }
    .main-banner .slick-prev { display:none !important; }
    .main-banner .slick-next { display:none !important; }
    .main-campain-banners { max-height:70vh; }

    .main-general-list-cont { max-height:70vh; }
    .movie-list-box { border:2px solid #363636; }
    .movie-list-box picture { height:calc(100vw * 0.9); }
    .movie-list-box-buttons { height:calc(100vw * 0.9); }
    .movie-list-box-buttons a:first-child { margin:80% auto 1.8rem auto; }
    .seans-dates::-webkit-scrollbar { display:none; }
    .main-vision-list-subpage h3 { font-size:150%; margin:0 1rem 2rem 1rem; text-align:center; }

    .movie-nonslide-list { margin:2rem 1rem; }
    .movie-nonslide-list h3 { padding:0; margin:5rem 0 2rem 0; font-size:200%; }
    .movie-nonslide-list .movie-list-box { width:100%; margin-bottom:2rem; }
    .movie-nonslide-list .movie-list-box picture { height:calc(100vw * 1.1); }
    .movie-nonslide-list .movie-list-box-buttons { height:calc(100vw * 1.1); }

    /* MOVIE DETAIL */
    .movie-detail-bg picture { width:200vw; height:auto; margin-top:-50vh; margin-left:-50vh; }
    .movie-detail-banner { flex-direction:column; align-items:flex-start; justify-content:flex-start;  flex-wrap:wrap; height:auto; padding-top:5rem; }
    .movie-detail-poster { width:80vw; height:auto; margin:0 auto; }
    .movie-detail-info { width:90vw; height:auto; margin:0 auto; padding-bottom:5rem; }
    .movie-detail-info h1 { margin:1rem auto; font-size:140%; text-align:center; }
    .movie-detail-info h2 { margin:0 0 1rem 0; font-size:110%;text-align:center; }
    .movie-detail-info .classification { text-align:center; }
    .movie-detail-info .buy { top:unset; bottom:2rem; right:5%; width:90%; height:2.4rem; }


    /* CINEMAS */
    .cinemas-list-box { width:calc(100% - 1.2rem); margin:0 auto 2rem auto; border:2px solid #444; }
    .cinema-info-line { font-size:90%; }

    /* BUY */
    .ticket-sale-head { padding:0; margin:4rem 0 .6rem 1rem; font-size:150%; color:#fff; text-align:left; }
    .buy-cont { display:block; height:72vh; margin:1.5rem 1rem 3rem 1rem; overflow:hidden; }
    .buy-cont-stab { position:absolute; display:flex; width:400vw; transition:.4s; }
    .buy-cont section { position:relative; width:calc(100vw - 2rem); height:70vh; margin:0 5vw 0 0; padding:0; border-radius:.6rem; border:2px solid #444; background:#262626; }
    .buy-cont section h2 { position:sticky; z-index:2; display:flex; align-items:center; width:100%; height:36px; top:0; background:var(--purple); color:#fff; font-size:130%; font-weight:600; padding:0; margin:0; }
    .buy-cont section h2 span { margin:0 1rem 0 1rem; color:#fff; font-size:26px; width:26px; height:26px; }
    .step-nav { position:sticky; z-index:2; display:flex; justify-content:space-between; align-items:center; width:100%; height:3rem; bottom:0; padding:0 1rem; background:#222; margin-top:calc(100% - 40px); color:var(--purple); font-size:120%; font-weight:600; }
    .step-button { display:flex; height:100%; align-items:center; }
    .step-button-backer { color:#999; }
    .seans { padding:.8rem .6rem; margin:0 auto 1.5rem auto; border-radius:.6rem; background:#363636; color:#ddd; font-size:100%; transition:.4s; cursor:pointer; }

    /* SELECT SEAT */
    .sit-information { justify-content:center; margin-bottom:1rem; }
    .sit-info { display:flex; justify-content:flex-start; align-items:center; padding:0 0 0 20px; margin:0 1rem 0 0; height:16px; font-size:83%; color:#aaa; font-weight:600; }
    .seat-select-cont { position:relative; height:60vh; }
    .saloon-line { position:relative; height:32px; margin-bottom:1.2rem; }
    .sit { width:32px; margin-right:.3rem; padding:.1rem 0 0 0; font-size:83%; }
    .double { width:calc(64px + .3rem); }
    .sitHead { position:sticky; z-index:2; background:rgba(54,54,54,0.8); left:0; }
    .screen { width:auto; }
    .select-seans-next-cont { margin:.5rem 2rem 3rem 2rem; }
    .select-seans-next { width:100%; margin:0; }
    .ticket-select-cont { margin: 0 .7rem 0 .7rem; padding: 0 0 0 0; }
    .ticket-price-total-cont { flex-direction:column; }
    .ticket-student-warn { margin:0 0 .7rem 0; font-size:85%; text-align:center; }
    .ticket-name { font-size:100%; }
    .select-ticket-next-cont { margin:.5rem 0 3rem 0; }
    .select-ticket-next { width:100%; height:3.5rem; }


    /* PAYMENT */
    .payment-brief-cont { flex-wrap:wrap; width:90vw; margin:2rem auto 0 auto; padding:0; }
    .payment-brief-image { width:80px; margin:0 1rem 0 0; }
    .payment-brief-info { flex:1; width:unset; }
    .payment-form { width:100%; margin:2rem 0 2rem 0; padding:0; border-left:0; }
    #payment-form input { height:3.5rem; font-size:110%; }
    #payment-form h6 { display:block; width:100%; padding:.7rem 0 .4rem 0; font-size:120%; font-weight:600; color:var(--purple); text-align:center; }
    #payment-form input[type="checkbox"]::before { content:""; background:var(--purple) !important; }
    .payment-form-line { margin:0 0 1.3rem 0; }

    /* FOOTER */
    .footer-links { flex-wrap:wrap; padding-bottom:50px; }
    .footer-links section { width:49%; flex:unset; margin:0; padding:0 1rem;  }
    .secure { width:80% margin:auto; bottom:0; right:10%;  }
    .bottom-line { flex-wrap:wrap; }
    .bottom-line img { display:block; margin:2rem auto 0 auto; }
    .copyright { flex:unset; width:90%; margin:1rem auto 0 auto; }
    .bottom-line-right { flex-wrap:wrap; flex:unset; width:90%; margin:1rem auto 0 auto; padding-bottom:3rem; }
    .bottom-line-right a { display:flex; justify-content:center; align-items:center; width:100%; height:2.5rem; text-align:center; margin:0; }
    .cinegold { bottom:10rem; right:2rem; left:unset; }


}